<%@ page language="java" pageEncoding="UTF-8" %>

<!DOCTYPE html>
<html>
<head>
    <base href="${base}"/>
    <link rel="shortcut icon" href="//favicon.ico"/>
    <link href="../styles/common.css" rel="stylesheet" type="text/css"/>
    <link href="../styles/jobs.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="../js/vue.js"></script>
    <script type="text/javascript" src="../js/axios.js"></script>
</head>
<body>
<jsp:include page="header.jsp"/>
<!--导航 -->
<div class="floatnav">
    <jsp:include page="nav.jsp"/>
</div>
<!--导航end -->
<div class="page_location link_bk">
    当前位置：<a href="//">首页</a>&nbsp;>>&nbsp;<a href="">招聘信息</a>
</div>
<div class="jobs-nav">
    <a href="jobs.jsp" class="select">全能搜索</a> <a href="jobtag-search.jsp">按标签搜索</a>
    <div class="clear"></div>
</div>
<%--<div class="jobsearchbox" id="jobsearchbox">
    <div class="loading"></div>
</div>--%>
<div class="jobsbox">
    <div class="tit">
        <div class="left" id="job_list">
            <h2>推荐职位</h2>
            <table>
                <thead>
                <tr id="tableheader">
                    <th width="100">企业</th>
                    <th width="100">职位</th>
                    <th width="100">专业要求</th>
                    <th width="100">学历要求</th>
                    <th width="100">工作性质</th>
                </tr>
                </thead>
                <tbody>
                <tr v-for="work in works" class="center">
                    <td class="center">{{work.companys.name}}</td>
                    <td class="center">{{work.name}}</td>
                    <td class="center">{{work.description}}</td>
                    <td class="center">{{work.education}}</td>
                    <td class="center">{{work.nature}}</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="right link_bk">
        </div>
        <div class="clear"></div>
    </div>
    <ul class="link_bk">
    </ul>
    <div class="clear"></div>
</div>
<div class="jobsbox">
    <div class="tit">
        <div class="left">
            <h2>最新职位</h2>
        </div>
        <div class="right link_bk">
            <a href="" target="_blank">更多</a>
        </div>
        <div class="clear"></div>
    </div>
    <ul class="link_bk">
        <li><a href="company/comp_view.jsp" target="_blank">企业</a> <a
                href="job_view.jsp" target="_blank" class="jobsname">Java程序员</a></li>
    </ul>
    <div class="clear"></div>
</div>
<jsp:include page="footer.jsp"/>
<script>
    new Vue({
        el: "#job_list",
        data() {
            return {
                works: []
            }
        },
        mounted() {
            axios.get("list").then(r => {
                this.works = r.data.data;
                console.log(this.works);
            })
        }
    })

</script>
</body>
</html>
